<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">


    <ui:composition>
        <h:panelGrid columns="3" width="50%" id="terminologia" >
            <h:outputLabel for="termino" value="Seleccione el Término:" />
            <h:selectOneMenu id="termino" value="#{managerModificarExpediente.glosarioActual.terminoSeleccionado}" >
                <f:selectItems value="#{managerModificarExpediente.listaConceptosDisponibles}" />
            </h:selectOneMenu>
            <p:commandButton value="Agregar" image="ui-icon ui-icon-plus thick" action="#{managerModificarExpediente.guardarGlosario}" process="@this terminologia" update="terminologia despligueTermino msjGlosario" />
        </h:panelGrid>
        <br/>
        <h:panelGrid columns="1" id="despligueTermino">
            <p:dataTable var="item" value="#{managerModificarExpediente.listaConceptosExpediente}" style="width: 800px;" >
                <p:column>
                    <f:facet name="header">
                        Código concepto
                    </f:facet>
                    <h:outputText value="#{item.idconcepto}" />
                </p:column>
                <p:column>
                    <f:facet name="header">
                        Término
                    </f:facet>
                    <h:outputText value="#{item.concepto}" />
                </p:column>
                <p:column>
                    <f:facet name="header">
                        Definición
                    </f:facet>
                    <h:outputText value="#{item.definicion}" />
                </p:column>
            </p:dataTable>
        </h:panelGrid>
        <br/>
        <h:panelGrid columns="3" width="50%" id="quitarTerm">
            <h:outputLabel for="delTerm" value="Introduzca el Término a eliminar: "/>
            <h:inputText id="delTerm" value="#{managerModificarExpediente.glosarioActual.terminoSeleccionado}" onkeypress="return acceptNum(event);" size="3"/>
            <p:commandButton image="ui-icon ui-icon-trash" value="Eliminar" action="#{managerModificarExpediente.removerGlosario}" process="@this quitarTerm" update="terminologia despligueTermino quitarTerm msjGlosario delTerm" />
        </h:panelGrid>
        <p:growl id="msjGlosario" showDetail="true"/>
    </ui:composition>
</html>